<html>
	<title>Digi Chef</title>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		
		<link rel="stylesheet" href="css/jd.gallery.css" type="text/css" media="screen" charset="utf-8" />
		<script src="scripts/mootools-1.2.1-core-yc.js" type="text/javascript"></script>
		<script src="scripts/mootools-1.2-more.js" type="text/javascript"></script>
		<script src="scripts/History.js" type="text/javascript"></script>
		<script src="scripts/History.Routing.js" type="text/javascript"></script>
		<script src="scripts/jd.gallery.js" type="text/javascript"></script>
		<link rel= "stylesheet" type= "text/css" href= "extstyle.css" />
		
		
		
</head>

<!--maybe some script and the css style file-->

<body>


<!Below uploads the images to the website which are to be put up as sponsorship>
<body>
<p><img src="job.jpg" width="146" height="135" style= "position: absolute; top: 324px; right:128px; z-index:1"/></p>

<!Below gives the main heading and tagline of our company>
<div id='header'>
<h1>DIGI CHEF</h1>
<h2>The Ultimate Recipe Robot</h2>
</div>

<div style= "text-align:center" id='header'>
<!Below gives the links to other pages of the website>

<a href= "about_us.html">About Us</a>
<a href= "hr_careers.html">Categories</a>
<a href= "financials.html">Profile</a>
<a href= "contact_us.html">Contact Us</a>
<a href= "sign_up.html">Sign Up/Log On</a>
</div>
<br>

	

<div id="mainSection">
<!------------------------------JAVASCRIPT SLIDESHOW---------------------------->
<script type="text/javascript">
			function startGallery() {
				History.start();
				var myGallery = new gallery($('myGallery'), {
					timed: true,
					useHistoryManager: true
				});
			}
			window.addEvent('domready', startGallery);
		</script>
		<div class="content">
			<div id="myGallery">
				<div class="imageElement">
					<h3>FEATURED RECIPE: PIE</h3>
					<p>Make it today!</p>
					<a href="here.html" title="open image" class="open"></a>
					<img src="pie.jpg" class="full" />
					<img src="pie.jpg" class="thumbnail" />
				</div>
				<div class="imageElement">
					<h3>FEATURED RECIPE: STRUDEL</h3>
					<p>Make it today!</p>
					<a href="#" title="open image" class="open"></a>
					<img src="str.jpg" class="full" />
					<img src="str.jpg" class="thumbnail" />
				</div>
				<div class="imageElement">
					<h3>FEATURED RECIPE: LASAGNE</h3>
					<p>Make it today!</p>
					<a href="#" title="open image" class="open"></a>
					<img src="lasagne.jpg" class="full" />
					<img src="lasagne.jpg" class="thumbnail" />
				</div>
				
			</div>
		</div>
<!------------------------------END OF JAVASCRIPT SLIDESHOW---------------------------->	
</div>

<div style= "position: absolute; top: 434px; right:450px; z-index:1">
	
	<h2>Search for recipe:</h2>
	
	<form id="search_form" method="post" action="search.html">
        <input type="text" id="s" value="" class="swap_value" />
        <input type="image" src="search.png" width="27" height="24" id="go" alt="Search Keyword" title="Search Keyword" />
    </form>
	
	<h2>
	<br>
	</h2>
	
	
</div>


</body>
</html>